<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]-->
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <!--[endif]-->
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <!--[if IE 6]-->
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <!--[endif]-->
    <title>卖场品类导航</title>
</head>
<body  data-id="63">
<nav class="breadcrumb">运营管理 <span class="c-gray en">&gt;</span> 卖场品类导航 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px ;display:block" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="form-member"  method="post">
        <div class="bk-gray bg-1 pd-20" style="border-bottom:none">
            <table class="table">
                <tbody>
                <tr>
                    <td class="col-xs-3">
                        <div class="cl">
                            <label class="f-l form-label lh-28 w-60 text-r">端名称：</label>
                            <span class="select-box size-M ml-10 f-l" style="width:70%">
                                <select class="select" name="" id="port_type">
                                    <option value="10">PC端</option>
                                    <option value="20">移动端</option>
                                </select>
                            </span>
                        </div>
                    </td>

                    <td class="col-xs-3">
                        <div class="text-l" style="padding-top:3px">
                            <input type="button" id="click" class="btn btn-secondary size-S radius powerButton 226" value="查找" onclick="searchCate()">
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>

        </div>
        <div id="tab_topnav" class="HuiTab">
            <div class="tabBar clearfix">
                <span>一级展示设置</span>
                <span>次级展示设置</span>
            </div>
            <div class="tabCon bg-1 bk-gray pb-10">
                <div class="pd-10">
                    <input type="button" class="btn btn-secondary size-S radius editBtn powerButton 227" value="排序" onclick="editBtn(this)">
                    <input type="button" class="btn btn-secondary size-S radius saveBtn" value="保存" style="display:none" onclick="saveBtn(this)">
                    <input type="button" class="btn size-S radius cancelBtn" value="取消" style="display:none" onclick="canBtn(this)">
                </div>
                <table class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
                    <thead>
                    <tr class="text-c">
                        <th width="70">图标</th>
                        <th width="100">展示内容</th>
                        <th width="100">关联一级分类</th>
                        <th width="70">操作</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
                <div class="mt-40"></div>
            </div>
            <div class="tabCon bg-1 bk-gray pb-10">
                <div class="pd-20">
                    <input type="button" class="btn btn-secondary size-S radius edit-first-btn powerButton 229" value="编辑一级品类" onclick="first_cate(this)">
                    <span class="level1-btnBox" style="display: none">
                        <input type="button" class="btn btn-secondary size-S radius save-first-btn" value="保存" onclick="save_cate(this)">
                        <input type="button" class="btn size-S radius cancel-first-btn" value="取消" onclick="cancel_cate(this)">
                    </span>
                </div>
                <table class="table table-border table-bg table-hover table-sort">
                    <thead class="text-c">
                    <tr>
                        <th width="213">一级品类名称</th>
                        <th width="266">虚拟一级品类名称</th>
                        <th width="190">二级品类名称</th>
                        <th width="241">虚拟二级品类名称</th>
                        <th width="190">三级品类名称</th>
                        <th width="241">虚拟三级品类名称</th>
                        <th width="139">是否展示</th>
                        <th width="111">排序</th>
                        <th width="270">操作</th>
                    </tr>
                    </thead>
                </table>
                <div class="level1-box">

                </div>
            </div>
        </div>
        <!--编辑品类展示设置弹窗-->
        <div id="category" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="ture" style="border-radius: 8px;">
            <div class="modal-dialog" style="top:50%;margin-top:-225px">
                <div class="modal-content radius" style="height:450px;width:540px;">
                    <div class="modal-header"  >
                        <h3 class="modal-title text-c"><b class="addressTitle">编辑品类展示设置</b></h3>
                        <a class="close" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px" aria-hidden="true" onclick="close_edit()">×</a>
                    </div>
                    <div class="mt-20 cl">
                        <span class="text-r f-l lh-26" style="width: 125px"><span class="c-red mr-5">*</span>图标：</span>
                        <div class="formControls f-l lh-26">
                            <img title="" width="50" height="50" src="" id="myImg" class="mr-10 ml-10">
                            <span id="imgBox"></span>
                            <a onclick="addBtn()">上传</a>
                            <input id="fileUp" type="file" onchange="putDataToPage(event)" style="display: none;">
                        </div>
                    </div>
                    <div class="mt-20 cl">
                        <span class="text-r f-l lh-26" style="width: 125px"><span class="c-red mr-5">*</span>展示内容：</span>
                        <input type="text" class="input-text f-l ml-10 show-name" id="show-name" maxlength="10" style="width:70%">
                    </div>
                    <div class="mt-20 cl">
                        <span class="text-r f-l lh-26" style="width: 125px"><span class="c-red mr-5">*</span>关联一级分类：</span>
                        <div class="lh-26 ml-5 relation-first-categorys" style="width: 400px;height: 48px;overflow-y: scroll;"></div>
                        <a href="javascript:;" style="margin-left:130px" onclick="getSelectedCateBoxShow()">编辑</a>
                    </div>Q
                    <div class="pos-r editCateBox">
                        <div class="bk-gray pos-a first_edit" style="display:none;left:125px;background: #ECECEC">
                                        <span class="select-box bg-1" id="select-box">
                                            请选择一级品类(可多选)
                                        </span>
                            <ul class="pl-10" style="height:100px;overflow-y:scroll">

                            </ul>
                            <div class="pd-10">
                                <input type="button" value="确认" onclick="getSelectedCate()" class="btn btn-secondary size-S radius mr-10">
                                <input type="button" value="取消" class="btn size-S radius" onclick="getSelectedCateBoxHide()">
                            </div>
                        </div>
                    </div>
                    <div class="text-c" style="padding-top:100px;">
                        <a onclick="savecate_edit()" class="btn btn-secondary radius size-S">确定</a>
                        <a onclick="close_edit()" class="btn radius size-S ml-10">取消</a>
                    </div>
                </div>
            </div>
        </div>
        <!--编辑品类展示设置弹窗end-->
    </form>

</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../../ht-js/operation-js/category_navigation/first_category.js?rev=@@hash"></script>
<script src="../../../ht-js/operation-js/category_navigation/sub_category.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
<!--仓库信息-->
<script src="../../../ht-js/dynamicWarehouse.js?rev=@@hash"></script>
<style>
    .error{
        color:red;
    }
    i,li b{cursor:pointer}
    .level1-box li{height:60px;line-height: 30px}
    i{width: 16px;height:16px;}
    .iconcancel,.iconsave,li i:last-child{font-weight: bold;}
</style>
</body>
</html>